<template>
  <div id="app">
    <h1>{{message}}</h1>
    <p class="test1">{{methodTest}}</p>
    <p class="test2-1">{{methodTest()}}</p>
    <p class="test2-2">{{methodTest()}}</p>
    <p class="test2-3">{{methodTest()}}</p>
    <p class="test3-1">{{computedTest}}</p>
    <p class="test3-2">{{computedTest}}</p>
  </div>
</template>

<script>
export default {

  data(){
    return {
      message: '我是消息，'
    }
  },
  methods: {
    methodTest() {
      return this.message + '现在我用的是methods'
    }
  },
  computed: {
    computedTest() {
      return this.message + '现在我用的是computed'
    }
  }
}
</script>

<style scoped>
.line{
  text-align: center;
}
</style>

